const rules = [
    [/#{6}\s?([^\n]*)\n/g,'<h6>$1</h6>'],    // 正则表达式格式为： / xxx /g
    [/#{5}\s?([^\n]*)\n/g,'<h5>$1</h5>'],
    [/#{4}\s?([^\n]*)\n/g,'<h4>$1</h4>'],
    [/#{3}\s?([^\n]*)\n/g,'<h3>$1</h3>'],
    [/#{2}\s?([^\n]*)\n/g,'<h2>$1</h2>'],
    [/#{1}\s?([^\n]*)\n/g,'<h1>$1</h1>'],
    [/\*\*([^\*]*)\*\*\n/g,'<b>$1</b>'],
    [/\*([^\*]*)\*\n/g,'<i>$1</i>'],
    [/((\n\d\..+)+)/g,'<ol>$1</ol>'],
    [/((\n\*.+)+)/g,'<ul>$1</ul>'],
    [/\n\d\.([^\n]+)/g,'<li>$1</li>'],
    [/\n\*([^\n]+)/g,'<li>$1</li>'],
    // [/\!\[([^\]]+)\]\(([^\)]+)\s\"([^\"\)]+)\"\)/g,'<img src="$2" alt="$1" title="$3"/>'],
    [/\!\[([^\]]+)\]\(([^\)]+)\)/g,'<img src="$2" alt="$1"/>'],
    [/\[([^\]]+)\]\(([^\)]+)\)/g,'<a href="$2">$1</a>'],
    [/```\S+\n([^`{3}]+)\n```/g,'<div class="markdown-div">&emsp;$1</div>'],
    [/\n([^\n]*)\n/g,'<p>$1</p>'],
    
];

export default {
    mounted(el){
        let html= el.textContent;
        rules.forEach(([rule,template]) => {
            html = html.replace(rule,template);
        });
        el.innerHTML = html;
        console.log('html',el.innerHTML)
    }
}